<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <!-- 轮播图 -->
  <jsp:include page="../include/meta.jsp">
    <jsp:param name="pageTitle" value="体检预约流程"/>
  </jsp:include>
  <script src="${base}/js/js-date.js" type="text/javascript"></script>
  <script>
    window.onload=function(){
      bespeakLab();
      bespeakOpen();
    }
</script>
</head>
<body>

<div id="wrapper">
  <jsp:include page="../include/head.jsp">
    <jsp:param name="menuIdx" value="1"/>
  </jsp:include>
  <!-- 内容区域 -->

  <!-- 上方流程图 -->
  <div class="register_container" style="border-bottom:1px solid #dddddd;">
    <div class="procedure_main">
      <h3>体检预约流程</h3>
      <div class="procedure_step">
        <img src="${base}/images/liucheng_ico01.png" alt="体检预约流程" /><br /><br />
        <p>预约类型选择</p>
      </div>
      <div class="procedure_step">
        <img src="${base}/images/liucheng_ico02.png" alt="体检预约流程" /><br /><br />
        <p>基本信息录入</p>
      </div>
      <div class="procedure_step">
        <img src="${base}/images/liucheng_ico03.png" alt="体检预约流程" /><br /><br />
        <p>体检日期及门店选择</p>
      </div>
      <div class="procedure_step">
        <img src="${base}/images/liucheng_ico04.png" alt="体检预约流程" /><br /><br />
        <p>等候预约成功信息</p>
      </div>
      <div class="procedure_step">
        <img src="${base}/images/liucheng_ico05.png" alt="体检预约流程" /><br /><br />
        <p>持有效证件体检</p>
      </div>
    </div>
    <!-- 上方流程图结束 -->
  </div>
  <div class="container" style="padding:90px 0;">
    <div class="main">
      <h3>体检预约</h3>
      <div class="procedure_bespeak">
        <div class="procedure_bespeak_left">预约类型</div>
        <div class="procedure_bespeak_right" id="bespeak_main">
          <div class="procedure_bespeak_labtop" id="bespeak_top">
            <div class="procedure_bespeak_lab">体检卡号</div>
            <div class="procedure_bespeak_lab">证件号</div>
          </div>
            <span class="procedure_bespeak_labdown" style="display:none;">
              <form id="form1" name="form1" method="post" action="">
                <div style="margin-bottom:15px;">
                  <label for="textfield" class="procedure_bespeak_numlabel">体检卡号码</label>
                  <input type="text" name="textfield" id="procedureCard" class="procedure_bespeak_numinput" />
                  <div class="procedure_bespeak_warning">体检卡号码错误，请重新输入！</div>
                </div>
                <div style="margin-bottom:15px;">
                  <label for="textfield" class="procedure_bespeak_numlabel">密码或验证码</label>
                  <input type="text" name="textfield" id="procedurePsd" class="procedure_bespeak_numinput" />
                  <div class="procedure_bespeak_warning">密码或验证码错误，请重新输入！</div>
                </div>
                <input type="submit" name="button1" id="button1" value="确定" class="procedure_bespeak_numsubmit" />
              </form>
            </span>
            <span class="procedure_bespeak_labdown" style="display:none;">
              <form id="form2" name="form2" method="post" action="">
                <div style="margin-bottom:15px;">
                  <label for="textfield" class="procedure_bespeak_numlabel">体检卡号码</label>
                  <p id="procedureNumber" class="procedure_bespeak_number">222222222222</p>
                </div>
                <div style="margin-bottom:15px;">
                  <label for="textfield" class="procedure_bespeak_numlabel">姓名</label>
                  <input type="text" name="textfield" id="procedureName" class="procedure_bespeak_numinput" />
                  <div class="procedure_bespeak_warning">姓名输入错误，请重新输入！</div>
                </div>
                <div style="margin-bottom:15px;">
                  <label for="textfield" class="procedure_bespeak_numlabel">性别</label>
                  <input type="radio" name="radio" id="radio" value="radio" /> 男　
                  <input type="radio" name="radio" id="radio" value="radio" /> 女
                  <div class="procedure_bespeak_warning">请选择性别！</div>
                </div>
                <div style="margin-bottom:15px;">
                  <label for="textfield" class="procedure_bespeak_numlabel">年龄</label>
                  <select name="select" id="procedureAge" class="procedure_bespeak_numselect">
                    <option>--请选择年龄段</option>
                    <option>18-29</option>
                    <option>30-49</option>
                    <option>50-69</option>
                    <option>70-100</option>
                  </select>
                  <div class="procedure_bespeak_warning">请选择年龄！</div>
                </div>
                <div style="margin-bottom:15px;">
                  <label for="textfield" class="procedure_bespeak_numlabel">证件号码</label>
                  <input type="text" name="textfield" id="procedureID" class="procedure_bespeak_numinput" />
                  <div class="procedure_bespeak_warning">证件号码错误，请重新输入！</div>
                </div>
                <div style="margin-bottom:15px;">
                  <label for="textfield" class="procedure_bespeak_numlabel">手机号码</label>
                  <input type="text" name="textfield" id="procedureMobile" class="procedure_bespeak_numinput" />
                  <div class="procedure_bespeak_warning">手机号码错误，请重新输入！</div>
                </div>
                <div style="margin-bottom:15px;">
                  <label for="textfield" class="procedure_bespeak_numlabel">企业名称</label>
                  <input type="text" name="textfield" id="procedureCompany" class="procedure_bespeak_numinput" />
                  <div class="procedure_bespeak_warning">企业名称错误，请重新输入！</div>
                </div>
                <div style="margin-bottom:15px;">
                  <label for="textfield" class="procedure_bespeak_numlabel">联系地址</label>
                  <input type="text" name="textfield" id="procedureAddress" class="procedure_bespeak_numinput" />
                  <div class="procedure_bespeak_warning">联系地址错误，请重新输入！</div>
                </div>
                <input type="submit" name="button1" id="button1" value="确定" class="procedure_bespeak_numsubmit" />
              </form>
            </span>
        </div>
        <div class="procedure_bespeak_left">体检日期</div>
        <div class="procedure_bespeak_right">
          <input name="sDate1" id="sDate1" type="text" readonly="readonly" class="procedure_bespeak_date" onClick="return Calendar('sDate1');" />
        </div>
        <div class="procedure_bespeak_left">体检机构</div>
        <div class="procedure_bespeak_right" id="procedure_bespeak_main" style="height:80px;">
          <ul id="procedure_bespeak_ul">
            <li class="active">
              慈铭
            </li>
            <li>
              爱康国宾
            </li>
            <li>
              美年大健康
            </li>
            <li>
              松桥
            </li>
            <li>
              慈铭
            </li>
            <li>
              爱康国宾
            </li>
            <li>
              美年大健康
            </li>
            <li>
              松桥
            </li>
            <li>
              慈铭
            </li>
            <li>
              爱康国宾
            </li>
            <li>
              美年大健康
            </li>
            <li>
              松桥
            </li>
            <li>
              慈铭
            </li>
            <li>
              爱康国宾
            </li>
            <li>
              美年大健康
            </li>
            <li>
              松桥
            </li>
          </ul>
          <p id="procedure_bespeak_more">更多+</p>
        </div>
        <div class="procedure_bespeak_left">体检门店</div>
        <div class="procedure_bespeak_right">
          <select name="select" id="procedureAge" class="procedure_bespeak_numselect">
            <option>--请选择门店</option>
            <option>慈铭健康体检（联想桥分部）分店</option>
            <option>慈铭健康体检亮马桥分院</option>
            <option>慈铭健康体检大北窑分院</option>
            <option>慈铭健康体检中心潘家园</option>
            <option>慈铭健康体检（中服大厦分部）</option>
            <option>慈铭健康体检中心潘家园</option>
            <option>慈铭健康体检中心潘家园</option>
            <option>慈铭健康体检中心潘家园</option>
            <option>慈铭健康体检中心潘家园</option>
          </select>
        </div>
        <div class="procedure_bespeak_left">门店地址</div>
        <!--<p class="procedure_bespeak_number" style="line-height:35px;">北京海淀区中关村东路101号（近翠宫饭店）</p>-->
        <div class="procedure_bespeak_right">
          <select name="role" id="procedureAge" class="procedure_bespeak_numselect" onfocus="this.defaultIndex=this.selectedIndex;" onchange="this.selectedIndex=this.defaultIndex;">
            <!--
            	这种方法可以使下拉框和平常没有区别，看起来没有任何不同。唯一不同的就是下拉并单并选择之后，它不会鸟你，选了和没有选一样一样的。就是无视客户的选择。

                2.设置disabled属性<select style="width:195px" name="role" id="role" disabled="disabled">
                这个看起来更直接，直观就是有只读的感觉，也不可以点击和下拉了。里面的字也会变成灰色
                当属性设置为"disabled"时，提交表单时，select的值无法传递，提交前移除disabled属性$("#role").removeAttr("disabled");
                jquery添加属性$("#role").attr("disabled","disabled");
            -->
            <option>--门店具体地址</option>
            <option>北京海淀区中关村东路101号（近翠宫饭店）</option>
            <option>北京朝阳区亮马桥路39号第一上海中心1-3楼</option>
            <option>北京朝阳区建国路99号(中服大厦5-6层) </option>
            <option>北京潘家园9号(濠景阁大厦首层)</option>
            <option>北京朝阳区建国路99号中服大厦5-7楼</option>
            <option>北京潘家园9号(濠景阁大厦首层)</option>
            <option>北京潘家园9号(濠景阁大厦首层)</option>
            <option>北京潘家园9号(濠景阁大厦首层)</option>
            <option>北京潘家园9号(濠景阁大厦首层)</option>
          </select>
        </div>
        <div class="procedure_bespeak_left"></div>
        <!--<p class="procedure_bespeak_number" style="line-height:35px;">北京海淀区中关村东路101号（近翠宫饭店）</p>-->
        <div class="procedure_bespeak_right">
          <input type="submit" name="button1" id="button1" value="提交信息" class="procedure_bespeak_submit" />
        </div>
      </div>
    </div>
  </div>
  <!-- 内容区域结束 -->
  <jsp:include page="../include/foot.jsp"/>


</div>


</body>
</html>
